<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>还款结果页面</title>
    <!--1.引入bootstrap框架的样式； -->
    <link rel="stylesheet" href="../../../bootstrap/css/bootstrap.min.css">
    <!--3.引入Layer样式； -->
    <link rel="stylesheet" href="../../../layer/layer/theme/default/layer.css">
    <!--4.引入jquery框架-->
    <script src="../../../bootstrap/js/jquery.min.js"></script>
    <!--5.引入boostrap框架的JS-->
    <script src="../../../bootstrap/js/bootstrap.min.js"></script>
    <!--6.引入Layer框架的JS-->
    <script src="../../../layer/layer/layer.js"></script>

</head>
<body>

<div class="container">
    <div class="panel panel-primary" id="pa">
        <div class="panel-heading" id="head">
            <h1 href="" id="hl" th:text="${result}">
            </h1>
        </div>
        <div class="panel-body">
            <a class="btn btn-warning"  id="secondShow" href="/repayment/go"></a>
        </div>
        <div class="panel-footer text-center">预计2-3个工作日到账</div>
    </div>
</div>

</body>
<script>
    $(function () {
        var countdown=10;  // 时长 s
        //读秒跳转
       var index =-1;
        index=layer.load(2);
        $("#secondShow").hide();

            var timer = setInterval(function () {

                if (countdown == 0) {
                    clearInterval(timer);
                    window.location.href="/repayment/go";
                }
                if (countdown>0) {
                    layer.close(index);
                    $("#secondShow").show();
                    $("#secondShow").html('10秒后跳到还款明细页面('+(countdown-1)+'s)');
                    countdown--;
                }
            }, 1000);
    })
</script>

</html>